<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<sj:head jquerytheme="showcase" customBasepath="themes" />
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
<body>
	<script type="text/javascript">
		$.subscribe('SeleccionaProceso', function(event, data) {
			var grid = event.originalEvent.grid;
			var row = grid.jqGrid('getGridParam', 'selrow');
			
			var nombres = grid.jqGrid('getCell', row, 'nombres');
			var costo = grid.jqGrid('getCell', row, 'costo');
			var idproceso = grid.jqGrid('getCell', row, 'idproceso');
			document.getElementById("txtprocesonombres").value = nombres;
			document.getElementById("txtprocesocosto").value = costo;
			document.getElementById("txtprocesoid").value = idproceso;
			$("#dlgProcesos").dialog("close");
		});

		$.subscribe('SeleccionaResponsable', function(event, data) {
			var grid = event.originalEvent.grid;
			var row = grid.jqGrid('getGridParam', 'selrow');

			var id = grid.jqGrid('getCell', row, 'idresponsable');
			var nom = grid.jqGrid('getCell', row, 'nombres');

			document.getElementById("txtresponsableid").value = id;
			document.getElementById("txtresponsablenombre").value = nom;
			$("#dlgResponsables").dialog("close");
		});

		$.subscribe('SeleccionaDemandados', function(event, data) {
			var grid = event.originalEvent.grid;
			var row = grid.jqGrid('getGridParam', 'selrow');

			var nombres = grid.jqGrid('getCell', row, 'nombres');
			var id = grid.jqGrid('getCell', row, 'idpersona');

			$.getJSON("AAgregaDemandados?persona.idpersona=" + id
					+ "&persona.nombres=" + nombres, function(res) {

				$("#dlgDemandados").dialog("close");
				$.publish('CargaDemandadoAux');
			});

		});
		$.subscribe('Cerrar', function(event, data) {
			$("#dlgDemandadosAgrega").dialog('close');
		});

		function eliminargrid(cellvalue, options, data) {

			return "<a href=javascript:Eliminar('" + cellvalue
					+ "');><img src='images/ima1.gif'/></a>";
		}
		
		function Eliminar(id){
			
			//podia sert tambien doctorbena.idedoctor por el Id
			if(confirm("Esta seguro de eliminar")){			
				$.getJSON("AEliminaPersona?id="+id, function (res) {			
			        alert("Registro eliminado");
			        $.publish('CargaDemandadoAux');
			    });
			}}
			
	</script>
	<center>

		<s:form id="frmexpediente" theme="simple" cssClass="yform"
			action="AGrabarTodo">
			<fieldset>
				<legend>Registro</legend>
				<table>
					<tr>
						<td><label> Proceso </label></td>
						<td>
							<div class="type-text">
								<sj:textfield id="txtprocesonombres" />
							</div>
						</td>

						<td>

							<div class="type-button">
								<sj:a button="true" openDialog="dlgProcesos">Buscar proceso</sj:a>


							</div>
						</td>
					</tr>
					<tr>
						<td><label> Costo </label></td>
						<td>
							<div class="type-text">
								<sj:textfield id="txtprocesocosto" />
								<s:hidden id="txtprocesoid"
									name="expediente.procesobean.idproceso" />
							</div>
						</td>
						<td></td>
					</tr>

					<tr>
						<td>Id Responsable</td>
						<td><sj:textfield id="txtresponsableid"
								name="expediente.responsablebean.idresponsable" /></td>
						<td><sj:a button="true" openDialog="dlgResponsables">
				Buscar Responsable</sj:a></td>
					</tr>
					<tr>
						<td>Nombre Responsable</td>
						<td><sj:textfield id="txtresponsablenombre" /></td>
						<td></td>
					</tr>


					<tr>
						<td><label> Fecha de Apertura </label></td>
						<td>
							<div class="type-text">
								<sj:datepicker id="txtfechaapertura" displayFormat="dd/mm/yy"
									name="expediente.fechaapertura" />
							</div>
						</td>
						<td></td>
					</tr>
					<tr>
						<td><label> Inicio de programacion </label></td>
						<td>
							<div class="type-text">
								<sj:datepicker id="txtinicio" displayFormat="dd/mm/yy"
									name="expediente.inicioprogramacion" />
							</div>
						</td>
						<td></td>
					</tr>
					<tr>
						<td colspan="3"><s:url id="URLDemandadosAux"
								action="AListaDemandadosAux" /> <sjg:grid
								gridModel="demandadosaux" dataType="json"
								href="%{URLDemandadosAux}" caption="Listado de Demandados"
								id="grdDemandadosaux" width="500"
								reloadTopics="CargaDemandadoAux">
								<sjg:gridColumn name="idpersona" title="Id" />
								<sjg:gridColumn name="nombres" title="Nombre" />
								<sjg:gridColumn name="idpersona" formatter="eliminargrid"
									title="eliminar" width="35" />
							</sjg:grid></td>
					</tr>
					<tr>
						<td colspan="3"><sj:a button="true"
								openDialog="dlgDemandados">Agregar Demandados</sj:a> <sj:a
								button="true" openDialog="dlgDemandadosAgrega">Agregar Demandados Nuevos</sj:a>

						</td>
					</tr>
				</table>

				<sj:submit value="Grabar todo" button="true" />

			</fieldset>

		</s:form>


		<sj:dialog id="dlgProcesos" title="Procesos" width="400" height="300"
			autoOpen="false" modal="true">

			<s:form id="frmprocesos" theme="simple" cssClass="yform">
				<s:url id="URLProcesos" action="AListadoProcesos" />
				<div class="type-text">
					<sj:textfield name="proceso.nombres" onChangeTopics="CargaGrid" />
				</div>
				<sjg:grid gridModel="procesos" dataType="json"
					caption="Listado de Procesos" href="%{URLProcesos}"
					id="grdProcesos" width="300" reloadTopics="CargaGrid"
					formIds="frmprocesos" onSelectRowTopics="SeleccionaProceso">
					<sjg:gridColumn name="nombres" title="Nombre" />
					<sjg:gridColumn name="costo" title="Costo" />
					<sjg:gridColumn name="idproceso" title="Id" hidden="true" />
				</sjg:grid>
			</s:form>
		</sj:dialog>



		<sj:dialog id="dlgDemandados" title="Demandados" width="400"
			height="300" autoOpen="false" modal="true">
			<s:form id="frmDemandados" theme="simple" cssClass="yform">
				<s:url id="URLDemandados" action="AListadoDemandados" />
				<div class="type-text">
					<sj:textfield name="persona.nombres"
						onChangeTopics="CargaDemandados" />
				</div>
				<sjg:grid gridModel="demandados" dataType="json"
					caption="Listado de Demandados" href="%{URLDemandados}"
					id="grdDemandados" width="300" reloadTopics="CargaDemandados"
					formIds="frmDemandados" onSelectRowTopics="SeleccionaDemandados">
					<sjg:gridColumn name="nombres" title="Nombre" />
					<sjg:gridColumn name="tipodocumento" title="Tipo" />
					<sjg:gridColumn name="nrodocumento" title="Nro" />
					<sjg:gridColumn name="idpersona" title="Id" hidden="true" />

				</sjg:grid>
			</s:form>
		</sj:dialog>

		<sj:dialog width="400" height="300" title="Listado Responsables"
			id="dlgResponsables" modal="true" autoOpen="false">
			<s:form id="frmResponsable" cssClass="yform" theme="simple">
				<sj:textfield name="responsable.nombres"
					onChangeTopics="CargaResponsable" />

				<s:url id="URLResponsable" action="AListadoResponsables" />
				<sjg:grid gridModel="responsables" dataType="json"
					title="Listado Responsables" href="%{URLResponsable}"
					reloadTopics="CargaResponsable" formIds="frmResponsable"
					onSelectRowTopics="SeleccionaResponsable">
					<sjg:gridColumn name="idresponsable" title="Id" />
					<sjg:gridColumn name="nombres" title="Nombre" />
					<sjg:gridColumn name="email" title="Email" />
				</sjg:grid>
			</s:form>
		</sj:dialog>

		<sj:dialog id="dlgDemandadosAgrega" title="Demandados Nuevo"
			width="400" height="300" autoOpen="false" modal="true">
			<s:form id="frmDemandadosAgrega" theme="simple" cssClass="yform"
				action="ANuevoDemandados">
				<fieldset>
					<legend>Datos de Demandado</legend>
					<div class="type-label">
						<label>Id</label>
					</div>
					<div class="type-text">
						<sj:textfield name="persona.idpersona" />
					</div>
					<div class="type-label">
						<label>Nombres</label>
					</div>
					<div class="type-text">
						<sj:textfield name="persona.nombres" />
					</div>
					<sj:submit value="Agregar" button="true" targets="divresult"
						onCompleteTopics="Cerrar,CargaDemandadoAux" />
				</fieldset>
			</s:form>
			<div id="divresult"></div>
		</sj:dialog>

	</center>
</body>
</html>